import React from 'react'
import { NavBar, Space, Toast } from 'antd-mobile'
import { ResultPage, Card } from 'antd-mobile'
import { CapsuleTabs } from 'antd-mobile'
import Div from '../../conpoment/div/index'
import { useNavigate } from 'react-router-dom'
function Index() {
    let nav=useNavigate()
    return (
        <div>
            <NavBar  onBack={()=>nav(-1)}>订票</NavBar>
            <ResultPage
                status=''
                title=''
                description='一张票 一段旅程 享受自由'
            >
                <ResultPage.Card style={{ padding: 8 }}>
                        <CapsuleTabs>
                            <CapsuleTabs.Tab title='机票' key='fruits'>
                                <Div></Div>
                            </CapsuleTabs.Tab>
                            <CapsuleTabs.Tab title='火车票' key='vegetables'>
                            <Div></Div>
                            </CapsuleTabs.Tab>
                            <CapsuleTabs.Tab title='汽车票' key='animals'>
                            <Div></Div>
                            </CapsuleTabs.Tab>
                            <CapsuleTabs.Tab title='船票' key='animals1'>
                            <Div></Div>
                            </CapsuleTabs.Tab>
                        </CapsuleTabs>
                    
                </ResultPage.Card>

            </ResultPage>
        </div>
    )
}

export default Index
